<?php

include "../cjax/cjax.php";

/**
 * assign event to anchor
 */
$CJAX->action("archor",$CJAX->call("../ajax.php?controller=update_content&section=update&load_controller=examples"));
$CJAX->action("boxes",$CJAX->call("../ajax.php?controller=update_content&section=update_boxes&load_controller=examples"));
$CJAX->action("more_boxes",$CJAX->call("../ajax.php?controller=update_content&section=more_boxes&load_controller=examples"));


?>
<html>
<head>
<style>

#content { position: relative;  margin: 0px; }

.add {
	position:relative;
	width: 200px;
	height: 200px;
	float:left; 
	margin-right:1px;
	background-color: #CEFFCE;
}

.odd {
	position:relative;
	width: 200px;
	height: 200px;
	float:left; 
	margin-right:1px;
	background-color: #FFDDCC;
}



#container {
	clear:both;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

</style>
<?php $CJAX->init(true); ?>
</head>

<div class='add' id='content1'>
content1
</div>
<div class='odd' id='content2'>
content2
</div>
<div class='add' id='content3'>
content3
</div>
<div class='odd' id='content4'>
content4
</div>
<div class='add' id='content5'>
content5
</div>
<div id='container'>
<a id='archor' href='#'>Update Content</a>
</div>



<div class='add' id='box1'>
box1
</div>
<div class='odd' id='box2'>
box2
</div>
<div class='add' id='box3'>
box3
</div>
<div class='odd' id='box4'>
box4
</div>
<div class='add' id='box5'>
box5
</div>
<div id='container'>
<a id='boxes' href='#'>Update Boxes</a>
</div>


<br />
<br />
<div>
Update each box with information from your server
</div>
<div>
 CJAX Framework 2.2.0
</div>
</html>
